<#macro content_main>
<div id="content" class="content-site customize-site">
    <@navCatTag>
    <#if data?? &&(data?size>0)>
    <#list data as cat>
    <#if cat.children?? && (cat.children?size>0)>
    <#--正文网址导航-->

    <#list cat.children as ch>
    <div class="d-flex flex-fill">
        <h4 class="text-gray text-lg mb-4">
            <i class="site-tag iconfont icon-tag icon-lg mr-1" id='${md5(ch.name)!"" }'></i>
            ${(ch.name)!""}
        </h4>
        <div class="flex-fill"></div>
    </div>
    <#--获取内容列表-->
    <div class="row">
        <@navLinkListTag categoryId=(ch.id)>
        <#if data?? &&(data?size>0)>
        <#list data as link>
        <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
            <div class="url-body default">
                <#if link.qrcode?? && (link.qrcode!="")>
                <a href="javascript:" target=""
                   class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='${(link.qrcode)!}' width='128'>">
                    <#else>
                    <a href='${paramsTag("public_website_domain")}/site/${(link.id)!}.html' target="_blank" data-id="" data-url='${paramsTag("public_website_domain")}/site/${(link.id)!}.html' target='${(link.target)!"_blank"}'
                       class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="${ (link.linkDesc)!'' }">
                    </#if>
                    <div class="card-body">
                        <div class="url-content d-flex align-items-center">
                            <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                <#if link.linkIcon??>
                                <img class="lazy" src="${ (link.linkIcon)!'' }" data-src="${ (link.linkIcon)!'' }"
                                     alt="${ (link.linkName)!'' }">
                                <#else>

                                <img class="lazy" src="${ctx()}/assets/images/logos/default.webp" data-src="${ctx()}/assets/images/logos/default.webp"
                                     onerror="javascript:this.src='${ctx()}/assets/images/logos/default.webp'" alt="${ (link.linkName)!'' }">
                            </#if>
                        </div>
                        <div class="url-info flex-fill">
                            <div class="text-sm overflowClip_1">
                                <strong>${ (link.linkName)!"" }</strong>
                            </div>
                            <p class="overflowClip_1 m-0 text-muted text-xs">${ (link.linkDesc)!''}</p>
                        </div>
                    </div>
            </div>
            </a>
            <a href='${paramsTag("public_website_domain")}/site/${(link.id)!}.html' target="_blank" class="togo text-center text-muted is-views" data-id="689" target="${(link.target)!'_blank'}"
               data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
                <i class="iconfont icon-goto"></i>
            </a>
        </div>
    </div>
</#list>
</#if>
</@navLinkListTag>

</div><!--end row-->
<br />

<!--END {{ children}} -->
</#list>
<#else> <!--END no children -->
<!--常用推荐-->
<!-- {{ .taxonomy }} -->
<div class="d-flex flex-fill">
    <h4 class="text-gray text-lg mb-4">
        <i class="site-tag iconfont icon-tag icon-lg mr-1" id="${ md5(cat.name!) }"></i>
        ${cat.name!}
    </h4>
    <!--div class="flex-fill"></div>
    <a class='btn-move text-xs' href='#'>more+</a-->
</div>
<!--获取内容列表-->
<div class="row">
    <@navLinkListTag tagId=(cat.id)>
    <#if data?? &&(data?size>0)>
    <#list data as link2>
    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
        <div class="url-body default">
            <!--去除 Tooltip
            <a href="{{ .url }}" target="_blank" data-id="" data-url="{{ .url }}" class="card no-c mb-4" title="{{ .title }}">
            -->

            <#if link2.qrcode?? && (link2.qrcode!="")>
            <a href="javascript:" target=""
               class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='${(link2.qrcode)!}' width='128'>">
                <#else>
                <a href='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' target="_blank" data-id="" data-url='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' target='${(link2.target)!"_blank"}'
                   class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="${ (link2.linkDesc)!'' }">
                </#if>

                <div class="card-body">
                    <div class="url-content d-flex align-items-center">
                        <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                            <#if link2.linkIcon??>
                            <img class="lazy" src="${ (link2.linkIcon)!'#' }" data-src="${ (link2.linkIcon)! }"
                                 onerror="javascript:this.src='${ (link2.linkIcon)! }'" alt="${ (link2.linkName)! }">
                            <#else>

                            <img class="lazy" src="${ctx()}/assets/images/logos/default.webp" data-src="${ctx()}/assets/images/logos/default.webp"
                                 onerror="javascript:this.src='${ctx()}/assets/images/logos/default.webp'" alt="${ (link.linkName)! }">
                        </#if>
                    </div>
                    <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                            <strong>${ (link2.linkName)!"" }</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">${ (link2.linkDesc)!'' }</p>
                    </div>
                </div>
        </div>
        </a>
        <a href='${paramsTag("public_website_domain")}/site/${(link2.id)!}.html' class="togo text-center text-muted is-views" data-id="689" target="${(link2.target)!'_blank'}"
           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
            <i class="iconfont icon-goto"></i>
        </a>
    </div>
</div>
</#list>
</#if>
</@navLinkListTag>
</div>
<br />
</#if>
</#list> <#--END cat -->
</#if><!--cat -->
</@navCatTag>

<h4 class="text-gray text-lg mb-4">
    <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
</h4>
<div class="friendlink text-xs card">
    <div class="card-body">

        <@friendLink>
        <#if data?? &&(data?size>0)>
        <#list data as item>
        <a href="${ (item.linkUrl)!'#' }" title="${ (item.linkName)! }" target="${(link2.target)!'_blank'}">${ (item.linkName)!"" }</a>
    </#list>
    <#else>
    <a href="https://www.greenflash.cn" title="绿闪数字科技" target="_blank">绿闪数字科技</a>
</#if>
</@friendLink>

</div>
</div>
</div>
</#macro>
